﻿<!DOCTYPE html>
<html lang="en">
<head>
  <base href=""/>
  <meta charset="UTF-8">
  <title>充电记录</title>
  <link type="text/css" rel="stylesheet" href="../static/css/bootstrap.min.css"/>
  <link type="text/css" rel="stylesheet" href="../static/css/common.css"/>

  <script type='text/javascript' src='../static/js/jquery-1.10.2.min.js'></script>
  <script type='text/javascript' src='../static/js/bootstrap.min.js'></script>
  <script type="text/javascript" src="../static/js/common.js"></script>
  <script type="text/javascript" src="../static/js/countUp.min.js"></script>
  <script type="text/javascript" src="../static/js/chargingRecord.js"></script>
</head>
<body class="nav">
    <form>
        <div class="top modal-body">
            <div class="top-left">
                <img src="../static/images/tou_zuo.png" height="100" width="400"/>
                <div class="datetime"><span id="time" class="time"></span></div>
            </div>
            <div class="top-right">
                <img src="../static/images/tou_you_gai.png" height="100" width="400"/>
                <div id="position001"><span class="appInfo" id="abnormalCnt">0</span></div>
                <!-- <div id="position002"></div>
                <div id="position003"></div>
                <div id="position004"></div> -->
                <div id="position005"><span class="appInfo" id="signCnt">0</span></div>
                <div id="position01"><span>异常记录(条)</span></div>
                <!-- <div id="position02"><span>抄表</span></div>
                <div id="position03"><span>日/月清</span></div>
                <div id="position04"><span>值班日志</span></div> -->
                <div id="position05"><span>签到(人)</span></div>
                <div id="alert" hidden="hidden"><img src="../static/images/alert.png" height="15" width="15"/></div>
            </div>
        </div>

        <div class="part modal-body">
            <div class="title">
                <img src="../static/images/shnag_1.png" height="45px" width="15%"/>
                <span class="font">今日汇总</span>
                <img src="../static/images/shnag_2.png" height="45px" width="15%"/>
            </div>
            <div class="form-group">
                <div class="col-sm-4">
                    <div class="totalkth">
                        <div class="col-sm-3 total1"><span class="font1">电</span><br><span class="font1">量</span></div>
                        <div class="total0"><strong class="span" id="totalCharging">0</strong> <span class="span0">度</span></div>
                    </div>
                </div>
                <div class="col-sm-8">
                    <div class="col-sm-4">
                        <div class="totaldttm">
                            <div class="total2 col-sm-3"><img src="../static/images/shang_3.png" height="30" width="30"/></div>
                            <div class="col-sm-9"><span class="span1">充电时长</span></div>
                            <div class="col-sm-9"><span class="span2" id="hour"></span> <span class="span1">时</span> <span class="span2" id="minute"></span> <span class="span1">分</span> <span class="span2" id="second" hidden="hidden"></span> <span class="span1" id="showSecond" hidden="hidden">秒</span></div>
                        </div>
                    </div>
                    <div class="col-sm-4">
                        <div class="totaldttm">
                            <div class="total2 col-sm-3"><img src="../static/images/shang_4.png" height="30" width="30"/></div>
                            <div class="col-sm-9"><span class="span1">当天车数量</span></div>
                            <div class="col-sm-9"><span class="span2" id="carCount"></span> <span class="span1">辆</span></div>
                        </div>
                    </div>
                    <div class="col-sm-4">
                        <div class="totaldttm">
                            <div class="total2 col-sm-3"><img src="../static/images/shang_5.png" height="30" width="30"/></div>
                            <div class="col-sm-9"><span class="span1">充电记录</span></div>
                            <div class="col-sm-9"><span class="span2" id="chargingLength"></span> <span class="span1">条</span></div>
                        </div>
                    </div>
                    <div class="col-sm-4">
                        <div class="totaldttm">
                            <div class="total2 col-sm-3"><img src="../static/images/shang_6.png" height="30" width="30"/></div>
                            <div class="col-sm-9"><span class="span1">单次最长充电时长</span></div>
                            <div class="col-sm-9"><span class="span2" id="shour"></span> <span class="span1">时</span> <span class="span2" id="sminute"></span> <span class="span1">分</span> <span class="span2" id="ssecond"></span> <span class="span1">秒</span></div>
                        </div>
                    </div>
                    <div class="col-sm-4">
                        <div class="totaldttm">
                            <div class="total2 col-sm-3"><img src="../static/images/shang_7.png" height="30" width="30"/></div>
                            <div class="col-sm-9"><span class="span1">单次最大充电电量</span></div>
                            <div class="col-sm-9"><span class="span2" id="maxKWH"></span> <span class="span1">度</span></div>
                        </div>
                    </div>
                    <div class="col-sm-4">
                        <div class="totaldttm">
                            <div class="total2 col-sm-3"><img src="../static/images/shang_8.png" height="30" width="30"/></div>
                            <div class="col-sm-9"><span class="span1">补发记录</span></div>
                            <div class="col-sm-9"><span class="span2"  id="reissue"></span> <span class="span1">条</span></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="part2 modal-body">
            <div class="title">
                <img src="../static/images/shnag_1.png" height="45px" width="15%"/>
                <span class="font">充电记录</span>
                <img src="../static/images/shnag_2.png" height="45px" width="15%"/>
            </div>
            <div class="foottable">
                <table class="table">
                    <thead class="thead">
                        <tr>
                            <th width="77px">设备名称</th>
                            <th width="80px">车辆自编号</th>
                            <th width="133px">开始时间</th>
                            <th width="134px">结束时间</th>
                            <th width="70px">充电时长</th>
                            <th width="67px">开始电表</th>
                            <th width="67px">结束电表</th>
                            <th width="67px">充电电量</th>
                            <th width="89px">开始SOC(%)</th>
                            <th width="90px">结束SOC(%)</th>
                            <th width="90px">实充SOC(%)</th>
                            <th width="68px">停止方法</th>
                            <th width="80px">驾驶员工号</th>
                            <th width="69px">线路码</th>
                        </tr>
                    </thead>
                    <tbody id="chargingRecordTbody">
                    </tbody>
                </table>
            </div>
        </div>
    </form>
    <div class="version">
    	<span id="versionName"></span>
    </div>
</body>
</html>
